<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>load.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="jquery-1.6.js"></script>
  	<script type="text/javascript">
		$(function(){
			var msg=$("#msg");
			var auto=$("#auto");

			var offset=msg.offset();
			var top=offset.top;
			var left=offset.left;
			var height=msg.height();

			auto.css("position","absolute")
			.css("left",left).css("top",height+top+5);

			auto.hide();
			auto.show();
		});
  	</script>
  </head>
  
  <body>
	<center>
	<input type="text" name="msg" size="50" id="msg"/>
	<button>搜索</button>
	<div id="auto" style="border:1px solid red;width: 335px;height: 150px"></div>
  	</center>
  </body>
</html>
